<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>选项卡</title>
	<link rel="stylesheet" type="text/css" href="index.css">
	<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
	<script type="text/javascript" src="index.js"></script>
</head>
<body>
	<div id="box">
		<ul id="menu">
			<li class="active">家用电器</li>
			<li>手机通讯</li>
			<li>电脑数码</li>
			<li>家居服饰</li>
			<li>食品百货</li>
			<li>图书音像</li>
		</ul>
		<div id="panel">
			<div class="panel active">
				<img src="images/1.jpg" alt="">
				<div class="title">京东家电·年度好货盘点</div>
				<ul class="list">
					<li>买电视立省1800元</li>
					<li>空调年度大盘点</li>
					<li>小家电普及风暴</li>
					<li>家电奢品廊</li>
				</ul>
			</div>
			<div class="panel">
				<img src="images/2.jpg" alt="">
				<div class="title">大牌手机低至5折,免费抽奖赢手机</div>
				<ul class="list">
					<li>大牌手机低至5折</li>
					<li>白条12期免息</li>
					<li>免费抽奖赢手机</li>
					<li>信用购机直降500</li>
				</ul>
			</div>
			<div class="panel">
				<img src="images/3.jpg" alt="">
				<div class="title">京东家电·年度好货盘点</div>
				<ul class="list">
					<li>买电视立省1800元</li>
					<li>空调年度大盘点</li>
					<li>小家电普及风暴</li>
					<li>家电奢品廊</li>
				</ul>
			</div>
			<div class="panel">
				<img src="images/4.jpg" alt="">
				<div class="title">大牌手机低至5折,免费抽奖赢手机</div>
				<ul class="list">
					<li>大牌手机低至5折</li>
					<li>白条12期免息</li>
					<li>免费抽奖赢手机</li>
					<li>信用购机直降500</li>
				</ul>
			</div>
			<div class="panel">
				<img src="images/5.jpg" alt="">
				<div class="title">京东家电·年度好货盘点</div>
				<ul class="list">
					<li>买电视立省1800元</li>
					<li>空调年度大盘点</li>
					<li>小家电普及风暴</li>
					<li>家电奢品廊</li>
				</ul>
			</div>
			<div class="panel">
				<img src="images/6.jpg" alt="">
				<div class="title">大牌手机低至5折,免费抽奖赢手机</div>
				<ul class="list">
					<li>大牌手机低至5折</li>
					<li>白条12期免息</li>
					<li>免费抽奖赢手机</li>
					<li>信用购机直降500</li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>